import React from 'react'


// 注：函数式组件接收参数，直接在小括号中接收props
export default function Footer(props) {
    console.log("在脚里面打印props",props);
    const { list} = props;
    let newArr = list.filter( item => item.state);//筛选已完成的数据
    //箭头函数：参数只有一个可以省略{}
    // =>后面没有{}，默认return
    return (
        <div className='footer'>
            <p>共有：{list.length}</p>
            <p>已完成：{newArr.length}件事情</p>
            <p>未完成：{list.length-newArr.length}件事情</p>
        </div>
    )
}
